﻿$(document).ready(function () {

	// someday main-banner 초기화
    mainBannerinit();

    // 메인 배너 슬라이딩 구현
    setMainBannerEventListener();
});

// 현재 배너 번호
var bannerIdx = 0;

// 배너 이미지의 총 개수
var bannerCnt = 0;

// 애니메이션을 판단하는 변수
var disable = false; // animation 시작시 true, 끝나면 false.

var interval;

//
var showMainBannerFixedPos = false;

/* someday main-banner 초기화 */
function mainBannerinit() {
	
	// 현재 배너 번호를 0으로 초기화
    bannerIdx = 0;

    // 메인 배너 이미지 개수 가져오기
    bannerCnt = $("div.someday-main-banner > div.banner-container ul > li").length;
    
    // 메인 배너 좌우 버튼 세팅(보이기 감추기)
    mainBannerBtnCtrl();

    // 시작점으로 이동
    showMainBannerFixedPos = true;
    
    // 현재 배너의 인덱스 번호를 판단하여 위치값을 이동시키는 함수
    showCurMainBanner();

    for (var i = 1; i < bannerCnt; i++) {// 배너들 위치 잡기
        var tx = 100 * i;
        $('div.someday-main-banner > div.banner-container ul > li').eq(i).css('left', tx + '%');
    }
    
    // 인터벌 생성
    interval = setInterval(changeImage, 3000);
    
    // 메인 배너에 마우스 오버시 인터벌 삭제
    $(".someday-main-banner").bind("mouseover focus",function(){
		clearInterval(interval);
	});
    
    // 메인 배너에 마우스 아웃시 인터벌 생성
    $(".someday-main-banner").bind("mouseout focus",function(){
    	interval = setInterval(changeImage, 3000);
	});
}

function changeImage() {
	
	if(bannerIdx == bannerCnt - 1) {
		bannerIdx = 0;
	     mainBannerViewCtrl();
	} else {
		 bannerIdx++;
	     mainBannerViewCtrl();
	}
}

// 메인 배너 좌우 버튼 클릭 이벤트
function setMainBannerEventListener() {

	// 이전 버튼 클릭 이벤트
    $("div.someday-main-banner a.prev").bind('click', function () {
        bannerIdx--;
        mainBannerViewCtrl();
    });
    
    // 다음 버튼 클릭 이벤트
    $("div.someday-main-banner a.next").bind('click', function () {
        bannerIdx++;
        mainBannerViewCtrl();
    });
}

function mainBannerViewCtrl() {
	document.getElementById("slider_cur_idx").innerHTML = bannerIdx + 1;
    showCurMainBanner();
    mainBannerBtnCtrl();
}

// 현재 배너의 인덱스 번호를 판단하여 위치값을 이동시키는 함수
function showCurMainBanner() {

	// banner-container를 담는다.
    var banner_container = $('div.someday-main-banner > div.banner-container');
    
    // style : left의 값을 지정 현재 배너의 인덱스 번호 * 100
    var tx = 100 * bannerIdx;

    if (showMainBannerFixedPos) {
        banner_container.css('left', -tx + '%');
    } else {
        banner_container.animate({ left: -tx + '%', duration: 'fast' });
    }

    showMainBannerFixedPos = false;
}

// 현재 배너 이미지의 위치값을 판단하여 좌우 이동 버튼의 display값 변경
function mainBannerBtnCtrl() {

	if (bannerCnt == 1) { // 메인 배너의 이미지가 1개일 경우
    	$("div.someday-main-banner a.prev").css('display', 'none');
        $("div.someday-main-banner a.next").css('display', 'none');
    } else { // 메인 배너의 이미지가 1개가 아닐 경우
    	
        if (bannerIdx == 0) { // 현재 보여지는 이미지가 첫번째 이미지일 경우
            $("div.someday-main-banner a.prev").css('display', 'none');
            $("div.someday-main-banner a.next").css('display', 'block');
        } else if (bannerIdx == (bannerCnt - 1)) { // 현재 보여지는 이미지가 마지막 이미지일 경우
            $("div.someday-main-banner a.prev").css('display', 'block');
            $("div.someday-main-banner a.next").css('display', 'none');
        } else { // 첫번째나 마지막 이미지가 아닐 경우
            $("div.someday-main-banner a.prev").css('display', 'block');
            $("div.someday-main-banner a.next").css('display', 'block');
        }
    }
}